/* qt6 之前都要个版本号, 但是现在会自动找最新的版本 */
/* 导入 Qt quick 就可以使用里面的东西 */
import QtQuick

/* Window 是一个 Type + {} 形成一个 element */
Window {

    // 绑定
    // width: background.width
    // height: background.height

    width: 500
    height: 300

    // 可以显示出来
    visible: true
    title: qsTr("转呀转呀")

    // 加载图片
    Image {
        id: background

        // source 的 value 是 url 类型
        source: "../images/background.png"

        // 用当前的内容填充整个 windows
        anchors.fill: parent;

        // 棍子
        Image {
            id: pole
            source: "../images/pole.png"

            // 图片相较于 parent 的位置
            anchors.bottom: parent.bottom
            anchors.horizontalCenter:parent.horizontalCenter
        }

        // 风车
        Image {
            id: wheel
            source: "../images/pinWheel.png"

            // 位置相较于 parent 的位置
            // anchors.horizontalCenter: parent.horizontalCenter
            // anchors.verticalCenter: parent.verticalCenter

            // 等价于上述两句, 放到 parent 的中间
            anchors.centerIn: parent

            // 触发 rotation 时候的动画效果
            Behavior on rotation {
                NumberAnimation {
                    // 动画执行多久
                    duration: 500
                    easing.type: Easing.InOutQuad
                }
            }
        }

        // 鼠标区域
        MouseArea {

            // 整个区域都是 mouse 事件能触发的区域
            anchors.fill: parent

            // 点击事件
            onClicked: wheel.rotation += 360
        }


    }
}
